<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/>
  <title>{% block htmlTitle %}{% endblock %} - 管理后台</title>
  <link href="https://cdn.bootcss.com/mdui/0.4.2/css/mdui.min.css" rel="stylesheet">
  <script src="https://cdn.bootcss.com/mdui/0.4.2/js/mdui.min.js"></script>
  <link rel="shortcut icon" href="https://zhuqinggang.gitee.io/static/favicon.ico">
  <link rel="stylesheet" href="https://zhuqinggang.gitee.io/static/blog/admin.css" type="text/css" />
  <script src="https://zhuqinggang.gitee.io/static/blog/admin.js"></script>
  {% block head %}{% endblock %}
</head>
<body class="mdui-theme-primary-blue mdui-theme-accent-blue mdui-appbar-with-toolbar">
  <div id="appbar" class="mdui-appbar mdui-appbar-fixed">
    <div class="mdui-toolbar mdui-color-theme">
      <a class="mdui-text-color-white-text mdui-btn mdui-btn-icon mdui-ripple" mdui-drawer="{target: '#left-drawer'}"><i class="mdui-icon material-icons">menu</i></a>
      <a class="mdui-text-color-white-text mdui-typo-title">管理后台</a>
      <div class="mdui-toolbar-spacer"></div>
    </div>
  </div>
  <div class="mdui-drawer sidebar mdui-shadow-5 mdui-drawer-close" id="left-drawer">
    <ul class="mdui-list" mdui-collapse="{accordion: true}">
      <li class="mdui-list-item mdui-ripple">
        <i class="mdui-list-item-icon mdui-icon material-icons">dashboard</i>
        <a href="{{ url_for('admin.dashboard') }}" class="mdui-list-item-content">仪表盘</a>
      </li>
      <li class="mdui-list-item mdui-ripple">
        <i class="mdui-list-item-icon mdui-icon material-icons">perm_contact_calendar</i>
        <a href="{{ url_for('admin.status') }}" class="mdui-list-item-content">状态</a>
      </li>

      <li class="mdui-collapse-item">
        <div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
          <i class="mdui-list-item-icon mdui-icon material-icons">art_track</i>
          <div class="mdui-list-item-content">文章</div>
          <i class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
        </div>
        <ul class="mdui-collapse-item-body mdui-list mdui-list-dense">
          <li class="mdui-list-item mdui-ripple">
            <i class="mdui-list-item-icon mdui-icon material-icons">add</i>
            <a href="{{ url_for('admin.article_new') }}" class="mdui-list-item-content">新建</a>
          </li>
          <li class="mdui-list-item mdui-ripple">
            <i class="mdui-list-item-icon mdui-icon material-icons">edit</i>
            <a href="{{ url_for('admin.article_query') }}" class="mdui-list-item-content">修改</a>
          </li>
        </ul>
      </li>

      <li class="mdui-collapse-item">
        <div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
          <i class="mdui-list-item-icon mdui-icon material-icons">insert_drive_file</i>
          <div class="mdui-list-item-content">页面</div>
          <i class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
        </div>
        <ul class="mdui-collapse-item-body mdui-list mdui-list-dense">
          <li class="mdui-list-item mdui-ripple">
            <i class="mdui-list-item-icon mdui-icon material-icons">add</i>
            <a href="{{ url_for('admin.page_new') }}" class="mdui-list-item-content">新建</a>
          </li>
          <li class="mdui-list-item mdui-ripple">
            <i class="mdui-list-item-icon mdui-icon material-icons">edit</i>
            <a href="{{ url_for('admin.page_query') }}" class="mdui-list-item-content">修改</a>
          </li>
        </ul>
      </li>

      <li class="mdui-list-item mdui-ripple">
        <i class="mdui-list-item-icon mdui-icon material-icons">vpn_key</i>
        <a href="{{ url_for('admin.password') }}" class="mdui-list-item-content">修改密码</a>
      </li>
    </ul>
  </div>
  <div class="topbar mdui-color-theme">
    <h1 class="title">{% block pageTitle %}{% endblock %}</h1>
    <p class="subtitle">{% block pageSubTitle %}{% endblock %}</p>
  </div>
  <div class="main-container mdui-container">
      <div class="card mdui-card">
        {% block content %}{% endblock %}
      </div>
  </div>
</body>
</html>